// 面包屑动画
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all 0.5s;
}

.breadcrumb-enter-from,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}

.breadcrumb-leave-active {
  position: absolute;
}

/*
// 测试效果1 只写入场
.xiaoguo1-enter-from{
  opacity: 0;
  transform: translateX(200px);
}
.xiaoguo1-enter-active{
  transition: all 0.5s;
}
*/

// 测试效果2 入场和出场
.xiaoguo2-enter-from{
    opacity: 0;
    transform: translateX(100px);
}
.xiaoguo2-enter-active{
    transition: all 0.5s 0.55s ;
}
.xiaoguo2-leave-to{
  opacity: 0;
  transform: translateX(100px);
}
.xiaoguo2-leave-active{
  transition: all 0.5s ;
}




 /* fade-transform */
 .fade-transform-leave-active,
 .fade-transform-enter-active {
   transition: all 3.5s;
 }

 .fade-transform-enter-from {
   opacity: 0;
   transform: translateX(-30px);
 }

 .fade-transform-leave-to {
   opacity: 0;
   transform: translateX(30px);
 }
